@bc: var(--theme-background-color);
@fc: var(--theme-foreground-color);
@fbc: var(--theme-font-background-color);
@ffc: var(--theme-font-foreground-color);
@fcc: var(--theme-font-check-color);
@sc: #f64e54;

@mw: var(--theme-width);
@mh: var(--theme-height);

@sw: 220px;

@theme-radius-icon: 21px;
@theme-spacing: 30px;

.text(@W) {
  width: @W;
  // 文本不换行
  white-space: nowrap;
  // 超过部分隐藏
  overflow: hidden;
  // 超过部分用...代替
  text-overflow: ellipsis;
}

.icon1() {
  width: 42px;
  height: 42px;
  background-color: @fc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-min(@s:22px,@c:@fcc) {
  width: @s;
  height: @s;
  fill: @c;
  //background-image: url(@url);
}
